<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
    <title>留言板</title>
    <link rel="stylesheet" type="text/css" href="CSS/message.css">
</head>
 <!--头部开始-->
    <header>
        <div class="logo"><img src="images/logo.jpg" alt=""></div>
        <div class="nav">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">菜谱</a></li>
                <li><a href="#">加入我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </div>
        <div class="search">
            <input type="text">
            <img src="images/search.png">
        </div>
        <div class="login">
            <ul>
                <li><a href="register.html">注册</a></li>
                <li><a href="login.html">登录</a></li>
                <li><a href="#">退出</a></li>
            </ul>
        </div>
    </header>
        <!--头部结束-->
        <!-- 留言部分开始 -->
        <div class="message">
            <!-- 留言部分开始 -->
            <div class="m-t">欢迎留言<i>Welcome to leave your messages</i></div>
            <div class="m-c">
                <div class="m-t">
                    <dl>留言板</dl>
                    <dt>发表您的留言</dt>
                </div>  
                <div class="m-c">
                    <textarea name="" rows="10" cols="145"></textarea>
                </div>
                <input type="button" name="" value="发表">  
            </div>
            <!-- 留言部分结束 -->
            <!-- 留言显示部分开始 -->
            <div class="m-b">
                <dl>留言(<span>10</span>条)</dl>
                <div class="content">这个网站虽然设计得并没有那么高端大气上档次，但是我最喜欢的一点就是可以了解到一些食物的做法步骤，以及一些食物的食用宜忌和营养价值，很nice！
                    <p class="delete">删除</p>
                </div>
                <div class="content">
                    很稀饭这个网站的热量计算功能，这样我每次都不会多吃了，不敢吃太多，毕竟怕胖，哈哈哈哈
                    <p class="delete">删除</p>
                </div>
                <div class="content">
                    打call，打call，打call！
                   <p class="delete">删除</p>
                </div>
                <div class="content">
                    <div class="page"><span>上一页<span>&nbsp;&nbsp; 1 2 3 4 5 6 … 13&nbsp;&nbsp;<span>下一页<span> 转到&nbsp;&nbsp;<input type="text" style="width:30px;">&nbsp;&nbsp;<input type="button" name="" value="确定"></div>
                </div>
            </div>
            <!-- 留言显示部分结束 -->
        </div>
        <!-- 留言部分结束 -->
        <footer>
        <!--底部开始-->
        <div class="line"><h3>走胃更走心---吃得健康又营养!</h3></div>
        <p class="link">友情链接:
            <a href="http://life.iqiyi.com/">爱奇艺生活</a>
            <a href="http://www.zhms.cn/">中华美食网</a>
            <a href="http://www.pcbaby.com.cn/">太平洋亲子网</a>
            <a href="http://food.poco.cn/">POCO美食网</a>
            <a href="http://www.21food.cn/">食品商务网</a>
            <a href="http://www.mama.cn/">妈妈网</a>
            <a href="http://www.39yst.com/">三九养生堂</a>
            <a href="http://www.258.com/">企业服务平台</a>
            <a href="http://www.yidianzixun.com/">一点资讯</a>
            <a href="http://www.hc360.com/">慧聪网</a>
        </p>
        <p class="copyright">版权所有 © 2004-2019 走心更走胃 保留所有权利</p>
        <!--底部结束-->
    </footer>
</body>
</html>